<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>房屋固定资产平台</title>
    <!--引入layui css-->
    <link rel="stylesheet" href="../js/layer/layui-v2.3.0/layui/css/layui.css">
    <link rel="stylesheet" href="../js/ztree/css/zTreeStyle/zTreeStyle.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/common/header.css">
    <link rel="stylesheet" href="../css/common/nav.css">
    <link rel="stylesheet" href="../css/common/action.css">
    <link rel="stylesheet" href="../css/pages/houseFixedAssets.css">
</head>
<body>
<div class="header-wrapper">
    <div class="header-navs">
        <div class="nav-content">
            <span>欢迎您，admin</span>
            <span>账号管理</span>
            <span>注销</span>
        </div>
    </div>
</div>
<!--<div class="nav-wrap">-->
    <!--<ul class="nav-list">-->
        <!--<li>-->
            <!--<div class="nav-item">首页</div>-->
        <!--</li>-->
        <!--<li class="navActive">-->
            <!--<div class="nav-item">房屋固定资产平台</div>-->
        <!--</li>-->
        <!--<li>-->
            <!--<div class="nav-item">车辆平台</div>-->
        <!--</li>-->
        <!--<li>-->
            <!--<div class="nav-item">信息化设备平台</div>-->
        <!--</li>-->
        <!--<li>-->
            <!--<div class="nav-item">办公设备平台</div>-->
        <!--</li>-->
        <!--<li>-->
            <!--<div class="nav-item">食堂管理平台</div>-->
        <!--</li>-->
        <!--<li>-->
            <!--<div class="nav-item">系统管理</div>-->
        <!--</li>-->
    <!--</ul>-->
<!--</div>-->

<div class="house-container">
    <div class="house-wrap index">
        <div class="house-wrap index">
            <!-- 左边树形结构 -->
            <div class="container-left fl">
                <!-- 标题 -->
                <div class="left-title">信息化设备资产</div>
                <!-- 副标题 -->
                <div class="left-sub-title">资产使用情况</div>
                <!-- 属性控件 -->
                <div class="left-tree">
                    <ul id="treeElm" class="ztree"></ul>
                </div>
            </div>
            <div class="container-right">
                <div class="assets-echart-top">
                    <div class="assets-echart-head">
                        <div class="total-assets">
                            <span>总资产:</span>
                            <span class="asset-numb">500</span>
                        </div>
                        <div class="assets-date">
                            <span class="date-title">年份</span>
                            <div class="infos-warning-date">
                                <!--<i class="layui-icon layui-icon-date infos-date-icon1 "></i>-->
                                <input type="text" class="layui-input infos-date-input" id="totalAsset" placeholder="请选择时间" lay-key="totalAsset">
                                <i class="layui-icon layui-icon-triangle-d infos-date-icon2"></i>
                            </div>
                            <span style="margin: 0 5px">-</span>
                            <div class="infos-warning-date">
                                <!--<i class="layui-icon layui-icon-date infos-date-icon1 "></i>-->
                                <input type="text" class="layui-input infos-date-input" id="totalAsset2" placeholder="请选择时间" lay-key="totalAsset2">
                                <i class="layui-icon layui-icon-triangle-d infos-date-icon2"></i>
                            </div>
                        </div>
                    </div>
                    <div class="assetsDistribution">
                        <div id="totalAssetEchart" style="width: 100%;height: 240px;"></div>
                    </div>
                </div>
                <div class="assets-echart-bottom">
                    <div class="assets-echart-head">
                        <div class="total-assets">
                            <span>各年份数据对比</span>
                        </div>
                        <div class="assets-date">
                            <span class="date-title">年份</span>
                            <div class="infos-warning-date">
                                <!--<i class="layui-icon layui-icon-date infos-date-icon1 "></i>-->
                                <input type="text" class="layui-input infos-date-input" id="yearsData" placeholder="请选择时间" lay-key="yearsData">
                                <i class="layui-icon layui-icon-triangle-d infos-date-icon2"></i>
                            </div>
                            <span style="margin: 0 5px">-</span>
                            <div class="infos-warning-date">
                                <!--<i class="layui-icon layui-icon-date infos-date-icon1 "></i>-->
                                <input type="text" class="layui-input infos-date-input" id="yearsData2" placeholder="请选择时间" lay-key="yearsData2">
                                <i class="layui-icon layui-icon-triangle-d infos-date-icon2"></i>
                            </div>
                        </div>
                    </div>
                    <div class="yearData">
                        <div id="yearDataEchart" style="width: 100%;height: 240px;"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="../js/jquery/jquery.min.js"></script>
<!--引入layui-->
<script src="../js/layer/laydate/laydate.js"></script>
<script src="../js/layer/layui-v2.3.0/layui/layui.all.js"></script>
<!--引入echarts-->
<script src="../js/echarts/echarts.js"></script>
<script src="../js/ztree/js/jquery.ztree.core.js"></script>
<script src="../js/data/ztree.data.js"></script>
<script src="../js/pages/houseFixedAssets.js"></script>
</body>
</html>